<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<script>
		var Ratio=1 / window.devicePixelRatio;
		document.write('<meta name="viewport" content="width=device-width,initial-scale='+Ratio+',minimum-scale='+Ratio+',maximum-scale='+Ratio+',user-scalable=no" />');
	</script><meta name="viewport" content="width=device-width,initial-scale=0.8,minimum-scale=0.8,maximum-scale=0.8,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/music.css">
	<script src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/lyrics.js"></script>
	<title>音乐播放器</title>
</head>
<body>
	<!--播放页面 -->
	<div id="wrapper">
		<!-- bg  背景图 -->
		<div class="bg" style="background-image: url(&quot;css/img/1.jpg&quot;);"></div>
		<div class="bg-black"></div>
		<!-- header  顶部歌曲名,歌手名 -->
		<div class="header">
			<div id="tofirstpage"></div>
			<div class="song" id="songName">Burn</div>
			<div class="artist" id="artist">Angelika Vee</div>
		</div>
		<!-- center  中间部分 -->
		<div class="center">
			<img id="styli" class="play-needle" src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/play_needle.png" alt="">
			<div class="disk-bg"></div>
			<div class="disk" style="left: 768px;">
				<img class="disk-album-bg" src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/1.jpg" alt="">
				<img class="disk-music-bg" src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/play_disc.png" alt="">
			</div>
			<div class="disk" style="left: 1658px;">
				<img class="disk-album-bg" src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/1.jpg" alt="">
				<img class="disk-music-bg" src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/play_disc.png" alt="">
			</div>
		</div>
		<!-- 歌词 -->
		<div class="lyric">
			<div id="line"></div>
			<ul style="top: 147px;"><li>Burn (Ellie Goulding Cover) - Angelika Vee</li><li>We we don't have to worry about nothing</li><li>Cause we got the fire</li><li>And we're burning one hell of a something</li><li>They they gonna see us from outer space</li><li>Light it up</li><li>Like we're the stars of the human race</li><li>When the lights turned down</li><li>They don't know what they heard</li><li>Strike the match play it loud</li><li>Giving love to the world</li><li>We'll be raising our hands</li><li>Shining up to the sky</li><li>Cause we got the fire fire fire</li><li>Yeah we got the fire fire fire</li><li>And we gonna let it burn </li><li>We gonna let it burn</li><li>We gonna let it burn </li><li>we  gonna  let  it  burn</li><li>We don't wanna leave</li><li>No we just wanna be right now over giving right now</li><li>And what we see</li><li>Is everybody's on the floor</li><li>Acting crazy getting loco to the lights out</li><li>Music's on i'm waking up</li><li>We stop the vibe</li><li>And we bump it up</li><li>And it's over now we got the love</li><li>There's no secret now no secret now secret now</li><li>When the lights turned down</li><li>They don't know what they heard</li><li>Strike the match play it loud</li><li>Giving love to the world</li><li>We'll be raising our hands</li><li>Shining up to the sky</li><li>Cause we got the fire fire fire</li><li>Yeah we got the fire fire fire</li><li>And we gonna let it burn </li><li>We gonna let it burn</li><li>We gonna let it burn </li><li>we  gonna  let  it  burn</li><li>we  gonna  let  it  burn</li></ul>
		</div>
		<!-- footer 底部 -->
		<div class="footer">
			<!--process 进度条部分 -->
			<div id="process">
				<!--currentTime 当前时间 -->
				<span id="currentTime">00:00</span>
				<!--process-bar 进度条 -->
				<div id="process-bar">
					<div id="process-all"></div>
					<div id="process-cur">
						<span id="cur-btn"></span>
					</div>
					<div id="process-ready"></div>
				</div>
				<!--total-time 总时间 -->
				<span id="total-time">02:03</span>
			</div>
			<div id="control">
				<!--loop 循环按钮  -->
                <span class="loop"></span>
                <!--pre 上一曲按钮  -->
                <span class="pre"></span>
                <!--play 播放按钮  -->
                <span class="play"></span>
                <!--pause 暂停按钮  -->
                <span class="pause" style="display:none"></span>
                <!--next 下一曲按钮  -->
                <span class="next"></span>
                <!--list 列表按钮  -->
                <span class="list"></span>
            </div>
		</div>
		<div id="list-mask"></div>
		<div id="play-list">
			<div>
				<div class="list-title">播放列表(<span id="playListCount">11</span>)</div>
				<div class="list-title-close">×</div>
			</div>
			<!-- 歌曲列表 -->
			<ul><li class="active">Burn<span>&nbsp;&nbsp;-Angelika Vee</span></li><li>自卑情结<span>&nbsp;&nbsp;-朴经,银河</span></li><li>Say It Again<span>&nbsp;&nbsp;-Frances</span></li><li>Cry Wolf<span>&nbsp;&nbsp;-Luna Shadows</span></li><li>Panda<span>&nbsp;&nbsp;-Desiigner</span></li><li>DuDuDu<span>&nbsp;&nbsp;-Standing Egg</span></li><li>丑八怪<span>&nbsp;&nbsp;-薛之谦</span></li><li>天使<span>&nbsp;&nbsp;-五月天</span></li><li>知足<span>&nbsp;&nbsp;-五月天</span></li><li>突然好想你<span>&nbsp;&nbsp;-五月天</span></li><li>温柔<span>&nbsp;&nbsp;-五月天</span></li></ul>
		</div>
		<!-- 主页 -->
		<div id="stage">
		  <section class="container" style="transform: rotateY(0deg);">
		    <div class="meet1" style="background-size: 0px 0px; opacity: 0.8; background-position: 0px center;"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/1_002.jpg" alt=""></div> 
		    <div class="meet2" style="background-size: 0px 0px; opacity: 0.8; background-position: 0px center;"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/2.jpg" alt=""></div>
		    <div class="meet3" style="background-size: 0px 0px; opacity: 0.8; background-position: 0px center;"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/3.jpg" alt=""></div>
		    <div class="meet4" style="background-size: 0px 0px; opacity: 0.8; background-position: 0px center;"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/4.jpg" alt=""></div>
		    <div class="meet5"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/5.jpg" alt=""></div>
		    <div class="meet6" style="background-size: 0px 0px; opacity: 0.8; background-position: 0px center;"><img src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/6.jpg" alt=""></div>
		  </section>
		</div>
	</div>
	<div style="display:none">
		<audio src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/1Angelika%2520Vee%2520-%2520Burn.mp3"></audio>
	</div>


<script src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/move.js" type="text/javascript"></script>
<script src="%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8_files/music.js" type="text/javascript"></script>
</body></html>